@layout("/common/_container.html"){
    <style>
       .tables{
           width: 100%;
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
           /* margin: 50px 100px 50px 100px; */
           margin-top: 50px;
           /* height: 100vh;
           overflow-y: scroll; */
            
       }
       .tables-mob {
            margin: 50px 20px;
        }
       .title{
           text-align: center;
           font-weight: bold;
           font-size: 18px;
           margin-bottom: 10px;
       }
       .title-mob{
            text-align: left;
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 10px;
        }
       .myinput{
            height:28px;
            line-height: 28px;
            background-color:#fff;
            border:1px solid #dcdfe6;
            width:60%;
            padding-left: 15px;
            margin-left: 5px;
        }
        .left-range{
            margin-left: 20px;
        }
       .long{
           width: 90%;
       }
       .mytd{
           margin-left: 20px;
       }
       .red{
           color: red !important;
       }
       .inline{
           width: 100%;
           display: flex;
           align-items: center;
           justify-content: center;
       }
       .myradio{
            margin-right:0 !important;
       }
       .mytextarea{
           width: 90%;
           height: 80%;
           resize:none;
       }
       .labeltxt{
           font-weight: bold;
       }
       .myicon{
           color: #409EFF;
           font-size: 16px;
       }
       .nearbox{
           display: flex;
           align-items: center;
           justify-content: space-between;
           width: 100%;
       }
       .nearicon{
           margin-right: 20px;
       }
       .buttons{
           /* width: 1300px; */
           width: 80%;
           margin: 6px 0;
       }
       .buttons-mob {
            margin: 6px 0;
        }
        .el-input--suffix .el-input__inner{
            padding-right:0 !important;
        }
        .el-tabs__item:hover{
            color: #10b1c6 !important;
        }
        .el-tabs__item.is-active{
            color: #10b1c6 !important;
        }
        .avatar-uploader .el-upload {
            margin: 5px 0;
            border: 1px dashed #d9d9d9;
            border-radius: 6px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }
        .avatar-uploader .el-upload:hover {
            border-color: #409EFF;
        }
        .emptybox{
            height: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            color: #8c939d;
            width: 100px;
            height: 100px;
        }
        .avatar {
            width: 100px;
            height: 100px;
        }
        .must{
            color: red;
            font-size: 16px;
            font-weight: bold;
        }
        /* 表格 */
        .mytables {
            width: 80%;
            /* height: auto; */
            overflow-y: scroll;
            overflow-x: scroll;
        }
        .intable {
            width: 100%;
            height: auto;
        }

        /* 表格 */
        .mytables-mob {
            width: 100%;
            /* height: auto; */
            overflow-y: scroll;
            overflow-x: scroll;
        }
        /* 表单 */
        .formbox{
            margin: 10px 0 5px 0;
        }
        .el-form-item{
            margin-bottom:0 !important;
        }
    </style>
    </head>
    <body>
        <script src="/assets/common/module/vuejs/vue.dev.js"></script>
        <!-- 引入样式 -->
        <link rel="stylesheet" href="/assets/common/module/element-ui/lib-master/theme-chalk/index.css">
        <link rel="stylesheet" href="/assets/common/module/element-ui/lib-master/theme-chalk/display.css">
        <link rel="stylesheet" href="/assets/common/css/beautiful.css">
        <!-- 引入组件库 -->
        <script src="/assets/common/module/element-ui/lib-master/index.js"></script>
        <div id="app">
            
            <div :class="device=='pc'?'tables':'tables-mob'" v-loading.fullscreen.lock="loading">
                <div :class="device=='pc'?'title':'title-mob'">({{projectName}})商务基本信息表</div>
                <div :class="device=='pc'?'buttons':'buttons-mob'">
                    <el-button type="primary" class="btybtn" v-if="!readOnly" \@click="saveDo" size="small">保存</el-button>
                    <el-button type="primary" class="btybtn" v-if="!readOnly" \@click="saveMomentDo" size="small">暂存</el-button>
                    <el-button type="primary" class="btybtn" size="small" \@click="pass" v-if="auditbtn == 1">通过</el-button>
                    <el-button type="danger" size="small" \@click="reject" v-if="auditbtn == 1">驳回</el-button>
                    <el-button size="small" \@click="backDo">返回</el-button>
                    <div class="formbox" v-if="kfry == 2 && flag != 2 && flag != 3">
                        <el-form ref="form" label-width="80px" label-position="left">
                            <el-form-item label="开发经理">
                                <span slot="label">
                                    <span class="must">*</span>
                                    开发经理
                                  </span>
                                <el-select v-model="developmentId" placeholder="请选择开发经理">
                                    <el-option
                                      v-for="item in peopleOptions"
                                      :key="item.phone"
                                      :label="item.name"
                                      :value="item.phone">
                                    </el-option>
                                </el-select>
                              </el-form-item>
                        </el-form>
                        
                    </div>
                </div>
                
                <div :class="device=='pc'?'mytables':'mytables-mob'" :style="{height:device=='phone'?tableHeight+'px':'auto'}">

                
                <table border="1" class="intable" >
                    <thead>
                    <tr height="45px">
                        <td width="200px" class="labeltxt" align="center"><span class="must">*</span>{{labels[0]}}</td>
                        <td class="mytd" colspan="16" align="center">
                            <!-- 甲方名称 -->
                            <input class="myinput long" type="text" ref="firstParty" v-model="form.firstParty.data" placeholder="请输入甲方签约公司名称" />
                        </td>
                        <td width="80px" class="labeltxt" align="center" rowspan="5"><span class="must">*</span>落位图</td>
                        <td width="150px" align="center" rowspan="5">
                            <el-upload
                                accept="image/jpeg,image/png"
                                :limit="1"
                                :action="uploadAction"
                                class="avatar-uploader"
                                :show-file-list="false"
                                :on-success="(res, file)=>uploadSuccess(res, file,1)">
                                <img v-if="form.logoUrl.data" :src="form.logoUrl.data" class="avatar">
                                <div v-else class="emptybox">
                                    <i class="el-icon-plus avatar-uploader-icon"></i>
                                </div>
                                
                            </el-upload>
                        </td>
                    </tr>
                    <tr height="45px">
                        <td width="200px" class="labeltxt" align="center"><span class="must">*</span>{{labels[1]}}</td>
                        <td class="mytd" colspan="16" align="center">
                            <!-- 乙方名称 -->
                            <input class="myinput long" type="text" ref="secondParty" v-model="form.secondParty.data" placeholder="请输入乙方签约公司名称" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td width="200px" class="labeltxt" align="center"><span class="must">*</span>{{labels[2]}}</td>
                        <td class="mytd" colspan="16" align="center">
                            <!-- 项目名称 -->
                            <input class="myinput long" type="text" ref="projectName" v-model="form.projectName.data" placeholder="城市+路名+项目名称" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td width="200px" class="labeltxt" align="center" rowspan="2">联络人员</td>
                        <td class="labeltxt" align="center"><span class="must">*</span>开发人员姓名</td>
                        <td class="labeltxt" align="center"><span class="must">*</span>开发人员手机号</td>
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>招商负责人姓名</td>
                        <td class="labeltxt" align="center" colspan="10"><span class="must">*</span>招商负责人手机号</td>
                    </tr>
                    <tr height="45px">
                        <td class="mytd" align="center" width="200px">
                            <!-- 开发人员姓名 -->
                            <input class="myinput" type="text" ref="developmentName" v-model="form.developmentName.data" placeholder="" />
                        </td>
                        <td class="mytd" align="center">
                            <!-- 开发人员手机号 -->
                            <input class="myinput" type="text" ref="developmentPhone" v-model="form.developmentPhone.data" placeholder="" />
                        </td>
                        <td class="mytd" align="center" colspan="2">
                            <!-- 招商负责人姓名 -->
                            <input class="myinput" type="text" ref="attractName" v-model="form.attractName.data" placeholder="" />
                        </td>
                        <td class="mytd" align="center" colspan="10">
                            <!-- 招商负责人手机号 -->
                            <input class="myinput" type="text" ref="attractPhone" v-model="form.attractPhone.data" placeholder="" />
                        </td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr height="45px">
                        <td width="200px" class="labeltxt" align="center" rowspan="6">
                            {{labels[3]}}</td>
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>商圈类型
                        </td>
                        <td class="mytd" align="center" colspan="26">
                            <el-radio-group v-model="form.businessType.data" ref="businessType">
                                <el-radio v-for="item in mallCircleType" :key="item.value" :label="item.value">{{item.name}}</el-radio>
                            </el-radio-group>
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>门店类型
                        </td>
                        <td class="mytd" align="center" colspan="26">
                            <el-radio-group v-model="form.shopType.data" ref="shopType">
                                <el-radio v-for="item in shopOption" :key="item.value" :label="item.value">{{item.name}}</el-radio>
                            </el-radio-group>
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>店铺楼层</td>
                        <td class="mytd" colspan="3">
                            <input class="myinput left-range long" type="text" ref="shopFloor" v-model="form.shopFloor.data" placeholder="" />
                        </td>
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>铺位编号</td>
                        <td class="mytd" colspan="13">
                            <input class="myinput long left-range" type="text" ref="shopNumber" v-model="form.shopNumber.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>计租面积</td>
                        <td class="mytd" colspan="2">
                            <input class="myinput left-range" type="text" ref="rentArea" v-model="form.rentArea.data" placeholder="" />
                            <span>㎡</span>
                        </td>
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>使用面积</td>
                        <td class="mytd" colspan="3">
                            <input class="myinput left-range" type="text" ref="useArea" v-model="form.useArea.data" placeholder="" />㎡
                        </td>
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>建筑面积</td>
                        <td class="mytd" colspan="10" align="center">
                            <input class="myinput left-range" type="text" ref="buildArea" v-model="form.buildArea.data" placeholder="" />㎡
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>项目地址</td>
                        <td class="mytd" align="center" colspan="3">
                            <input class="myinput" type="text" ref="projectAddress" v-model="form.projectAddress.data" placeholder="城市+行政区+路名*门牌号码" />
                        </td>
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>外摆区面积</td>
                        <td class="mytd" align="center" colspan="22">
                            <input class="myinput" type="text" ref="outShowArea" v-model="form.outShowArea.data" />㎡
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>业主类型</td>
                        <td class="mytd" align="center" colspan="2">
                            <el-radio-group v-model="form.ownerType.data">
                                <el-radio v-for="item in proprietorType" :key="item.value" :label="item.value">{{item.name}}</el-radio>
                            </el-radio-group>
                        </td>
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>商场情况</td>
                        <td class="mytd" align="center" colspan="3">
                            <el-radio-group v-model="form.mallCondition.data">
                                <el-radio v-for="item in mallConditionType" :key="item.value" :label="item.value">{{item.name}}</el-radio>
                            </el-radio-group>
                        </td>
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>抵押情况</td>
                        <td class="mytd" align="center" colspan="20">
                            <el-radio-group v-model="form.pledgeCondition.data">
                                <el-radio v-for="item in guarantyConditionType" :key="item.value" :label="item.value">{{item.name}}</el-radio>
                            </el-radio-group>
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" width="100px" align="center" rowspan="2">租赁期限</td>
                        <td class="labeltxt" width="100px" align="center"><span class="must">*</span>总月数（月）</td>
                        <td class="labeltxt" align="center"><span class="must">*</span>总年数（年）</td>
                        <td class="labeltxt" align="center" colspan="5"><span class="must">*</span>租赁起止年月日</td>
                        <td class="labeltxt" align="center" colspan="22"><span class="must">*</span>经营月数（月）</td>
                    </tr>
                    <tr height="45px">
                        <td class="mytd" width="100px" align="center">
                            <input class="myinput" type="text" ref="rentTotalMonth" v-model="form.rentTotalMonth.data"  placeholder="" />
                        </td>
                        <td class="mytd" align="center">
                            <input class="myinput" type="text" ref="rentTotalYear" v-model="form.rentTotalYear.data" placeholder="" />
                        </td>
                        <td class="mytd" align="center" colspan="5">
                            <el-cascader
                                class="infull"
                                size="small"
                                style="width: 40%;"
                                v-model="form.rentRange.start"
                                :options="dateOption"></el-cascader>
                            至
                            <el-cascader
                                class="infull"
                                size="small"
                                style="width: 40%;"
                                v-model="form.rentRange.end"
                                :options="dateOption"></el-cascader>
                            
                        </td>
                        <td class="mytd" align="center" colspan="22">
                            <input class="myinput long" type="text" ref="jingyingMonth" v-model="form.jingyingMonth.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" width="100px" align="center" rowspan="2">装修期</td>
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>装修期是否免租金/物管费</td>
                        <td class="mytd" align="center">
                            <input class="myinput" type="text" ref="isFreeRent" v-model="form.isFreeRent.data" placeholder="" />
                        </td>
                        <td class="labeltxt" align="center">
                            <span class="must">*</span>装修免租期（天）</td>
                        <td class="mytd" align="center">
                            <input class="myinput" type="text" ref="fitmentFreeDays" v-model="form.fitmentFreeDays.data" placeholder="" />
                        </td>
                        <td class="labeltxt" align="center" width="100px">
                            <span class="must">*</span>装修免租期内管理费（元）</td>
                        <td class="mytd" colspan="20" align="center">
                            <input class="myinput long" type="text" ref="fitmentFreeFee" v-model="form.fitmentFreeFee.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" width="100px" align="center">
                            <span class="must">*</span>装修免租期（或装修期）起止年月日</td>
                        <td class="mytd" align="center" colspan="3">
                            <el-cascader
                                class="infull"
                                size="small"
                                style="width: 40%;"
                                v-model="form.fitmentFreeRange.start"
                                :options="dateOption"></el-cascader>
                            至
                            <el-cascader
                                class="infull"
                                size="small"
                                style="width: 40%;"
                                v-model="form.fitmentFreeRange.end"
                                :options="dateOption"></el-cascader>
                        </td>
                        <td class="labeltxt" align="center">
                            <span class="must">*</span>装修押金（元）</td>
                        <td class="mytd" align="center" colspan="20">
                            <input class="myinput long" type="text" ref="fitmentPledge" v-model="form.fitmentPledge.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" width="100px" align="center"><span class="must">*</span>交付时间</td>
                        <td class="mytd" width="100px" align="center" colspan="2">
                            <el-cascader
                                class="infull"
                                size="small"
                                style="width: 60%;"
                                v-model="form.deliveryTime.start"
                                :options="dateOption"></el-cascader>
                        </td>
                        <td class="labeltxt" align="center"><span class="must">*</span>开业时间</td>
                        <td class="mytd" colspan="3" align="center">
                            <el-cascader
                                class="infull"
                                size="small"
                                style="width: 60%;"
                                v-model="form.openTime.start"
                                :options="dateOption"></el-cascader>
                        </td>
                        <td class="labeltxt" align="center" width="100px"><span class="must">*</span>计租时间</td>
                        <td class="mytd" align="center" colspan="20">
                            <el-cascader
                                class="infull"
                                size="small"
                                style="width: 60%;"
                                v-model="form.rentalTime.start"
                                :options="dateOption"></el-cascader>
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" width="100px" align="center" :rowspan="businessRowspan">商务条件</td>
                        <td class="labeltxt" align="center"><span class="must">*</span>租金类型</td>
                        <td class="mytd" colspan="22" align="center">
                            <el-radio-group v-model="form.rentType.data">
                                <el-radio v-for="item in rentType" :key="item.value" :label="item.value">{{item.name}}</el-radio>
                            </el-radio-group>
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center" :rowspan="rentRowspan">租金（含税）</td>
                        <td class="labeltxt" align="center" width="200px"><span class="must">*</span>年限</td>
                        <td class="labeltxt" align="center" width="150px"><span class="must">*</span>日租金（元/日/㎡）</td>
                        <td class="labeltxt" align="center" width="150px"><span class="must">*</span>月租金（元/月/㎡）</td>
                        <td class="labeltxt" align="center"><span class="must">*</span>递增比例（%）</td>
                        <td class="labeltxt" align="center" width="100px"><span class="must">*</span>合计月租金（元/月）</td>
                        <td class="labeltxt" align="center" width="100px"><span class="must">*</span>扣点（%）</td>
                        <td class="labeltxt" align="center" width="100px"><span class="must">*</span>运营免租期</td>
                        <td class="labeltxt" align="center" width="200px" colspan="10"><span class="must">*</span>备注</td>
                    </tr>
                    <tr height="45px" v-for="(item,index) in rentChild" :key="item.key">
                        <td class="mytd" align="center">
                            <input class="myinput" type="text" :ref="'rentChild'+index" v-model="rentChild[index].year" placeholder="" />
                        </td>
                        <td class="mytd" align="center">
                            <input class="myinput" type="text" v-model="rentChild[index].day" placeholder="" />
                        </td>
                        <td class="mytd" align="center">
                            <input class="myinput" type="text" v-model="rentChild[index].month" placeholder="" />
                        </td>
                        <td class="mytd" align="center">
                            <input class="myinput" type="text" v-model="rentChild[index].add" placeholder="" />
                        </td>
                        <td class="mytd" align="center">
                            <input class="myinput" type="text" v-model="rentChild[index].total" placeholder="" />
                        </td>
                        <td class="mytd" align="center">
                            <input class="myinput" type="text" v-model="rentChild[index].deduct" placeholder="" />
                        </td>
                        <td class="mytd" align="center">
                            <input class="myinput" type="text" v-model="rentChild[index].operatorFree" placeholder="" />
                        </td>
                        <td class="mytd" align="center" colspan="10">
                            <input class="myinput" type="text" v-model="rentChild[index].remark" placeholder="" />
                            <i class="el-icon-remove-outline myicon" \@click="delRent(index)" v-if="index > 0"></i>
                            <i class="el-icon-circle-plus-outline myicon" \@click="addRent" v-if="index == 0"></i>
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center"><span class="must">*</span>抽成形式(%)</td>
                        <td class="mytd"  colspan="2">
                            <input class="myinput left-range" type="text" ref="vacuateShape" v-model="form.vacuateShape.data" placeholder="" />
                        </td>
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>其他形式(%)</td>
                        <td class="mytd" colspan="22">
                            <input class="myinput left-range" type="text" ref="otherShape" v-model="form.otherShape.data" placeholder="" />
                        </td>
                    </tr>




                    <tr height="45px">
                        <td class="labeltxt" align="center" rowspan="2">物业管理费</td>
                        <td class="labeltxt" align="center"><span class="must">*</span>物业管理费单价</td>
                        <td class="mytd"  colspan="2">
                            <input class="myinput left-range" type="text" ref="propertyPrice" v-model="form.propertyPrice.data" placeholder="" />元/月/㎡
                        </td>
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>物业管理费合计</td>
                        <td class="mytd" colspan="12">
                            <input class="myinput left-range" type="text" ref="propertyTotal" v-model="form.propertyTotal.data" placeholder="" />元/月
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center"><span class="must">*</span>物业管理费备注</td>
                        <td class="mytd"  colspan="22">
                            <input class="myinput left-range long" type="text" ref="propertyRemark" v-model="form.propertyRemark.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center">推广费</td>
                        <td class="labeltxt" align="center"><span class="must">*</span>推广费单价</td>
                        <td class="mytd" colspan="2">
                            <input class="myinput left-range" type="text" ref="extendPrice" v-model="form.extendPrice.data" placeholder="" />元/月/㎡
                        </td>
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>推广费合计</td>
                        <td class="mytd" colspan="12">
                            <input class="myinput left-range" type="text" ref="extendTotal" v-model="form.extendTotal.data" placeholder="" />元/月
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center">店庆费</td>
                        <td class="labeltxt" align="center"><span class="must">*</span>店庆费金额</td>
                        <td class="mytd"  colspan="2">
                            <input class="myinput left-range" type="text" ref="anniversaryFee" v-model="form.anniversaryFee.data" placeholder="" />元/年
                        </td>
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>店庆费支付方式</td>
                        <td class="mytd" colspan="12">
                            <input class="myinput left-range" type="text" ref="anniversaryPayType" v-model="form.anniversaryPayType.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center"><span class="must">*</span>中介费/顶手费</td>
                        <td class="mytd" align="center">
                            <el-radio-group v-model="form.haveIntermediary.data">
                                <el-radio v-for="item in agencyType" :key="item.value" :label="item.value">{{item.name}}</el-radio>
                            </el-radio-group>
                        </td>
                        <td class="mytd" align="center" colspan="2">
                            说明: <input class="myinput" style="width: 60px;" type="text" v-model="form.intermediaryExplain.data" placeholder="" />费
                        </td>
                        <td class="labeltxt" align="center" colspan="2">费用金额</td>
                        <td class="mytd" colspan="12">
                            <input class="myinput left-range" type="text" v-model="form.intermediaryFee.data" placeholder="" />元
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center"><span class="must">*</span>市场调研费</td>
                        <td class="mytd" align="center">
                            <el-radio-group v-model="form.haveSurvey.data">
                                <el-radio v-for="item in agencyType" :key="item.value" :label="item.value">{{item.name}}</el-radio>
                            </el-radio-group>
                        </td>
                        <td class="mytd" align="center" colspan="2">
                            说明: <input class="myinput" style="width: 60px;" type="text" v-model="form.surveyExplain.data" placeholder="" />费
                        </td>
                        <td class="labeltxt" align="center" colspan="2">费用金额</td>
                        <td class="mytd" colspan="12">
                            <input class="myinput left-range" type="text" v-model="form.surveyFee.data" placeholder="" />元
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center"><span class="must">*</span>其它费用</td>
                        <td class="mytd" align="center" colspan="22">
                            <input class="myinput long" type="text" ref="otherFee" v-model="form.otherFee.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center" rowspan="4">保证金（元）</td>
                        <td class="labeltxt" align="center"><span class="must">*</span>租赁保证金</td>
                        <td class="mytd" colspan="2">
                            <input class="myinput left-range" type="text" ref="boundRent" v-model="form.boundRent.data" placeholder="" />
                        </td>
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>物管费保证金</td>
                        <td class="mytd"  colspan="12">
                            <input class="myinput left-range" type="text" ref="boundProperty" v-model="form.boundProperty.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center"><span class="must">*</span>推广费保证金</td>
                        <td class="mytd"  colspan="2">
                            <input class="myinput left-range" type="text" ref="boundExtend" v-model="form.boundExtend.data" placeholder="" />
                        </td>
                        <td class="labeltxt" align="center" colspan="2">
                            <span class="must">*</span>履约保证金（租赁+物业+推广）</td>
                        <td class="mytd"  colspan="12">
                            <input class="myinput left-range" type="text" ref="boundAppoint" v-model="form.boundAppoint.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center"><span class="must">*</span>公共事业费保证金</td>
                        <td class="mytd"  colspan="2">
                            <input class="myinput left-range" type="text" ref="boundPublic" v-model="form.boundPublic.data" placeholder="" />
                        </td>
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>质量保证金</td>
                        <td class="mytd"  colspan="12">
                            <input class="myinput left-range" type="text" ref="boundQuality" v-model="form.boundQuality.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center"><span class="must">*</span>其它</td>
                        <td class="mytd" colspan="2">
                            <input class="myinput left-range" type="text" ref="boundOther" v-model="form.boundOther.data" placeholder="" />
                        </td>
                        <td class="labeltxt" align="center" colspan="2">
                            <span class="must">*</span>租金和物业费是否含税</td>
                        <td class="mytd" align="center" colspan="14">
                            <el-radio-group v-model="form.rentIsTax.data">
                                <el-radio v-for="item in taxType" :key="item.value" :label="item.value">{{item.name}}</el-radio>
                            </el-radio-group>
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center"><span class="must">*</span>租金支付方式</td>
                        <td class="mytd" align="center" colspan="22">
                            <div class="inline">
                                <el-radio-group v-model="form.rentPayType.data">
                                    <el-radio v-for="item in rentPayType" :key="item.value" :label="item.value">{{item.name}}</el-radio>
                                </el-radio-group>
                                <input class="myinput" v-model="form.rentPayTypeRemark.data" v-if="form.rentPayType.data == 4" style="width: 80px;" type="text" placeholder="" />
                            </div>
                        </td>
                    </tr>
                    <tr height="45px" v-for="(item,index) in nearChild" :key="item.key">
                        <td class="labeltxt" align="center" :rowspan="nearRowspan" v-if="index == 0">
                            相邻品牌商务条件</td>
                        <td class="mytd" align="center" colspan="3">
                            {{item.label}}：
                            <input class="myinput" style="width: 50px;" type="text" v-model="nearChild[index].name" placeholder="" />
                            租金:<input class="myinput" style="width: 50px;" type="text" v-model="nearChild[index].rent" placeholder="" />
                            <span v-show="form.mallCondition.data == '1'">月均营业额:</span>
                            <input v-show="form.mallCondition.data == '1'" class="myinput" style="width: 50px;" type="text" v-model="nearChild[index].money" placeholder="" />
                            <span v-show="form.mallCondition.data == '1'">万</span>
                        </td>
                        <td class="mytd" align="center" colspan="18">
                            <div class="nearbox">
                                <div></div>
                                <div>
                                    {{item.label1}}：
                                    <input class="myinput" style="width: 50px;" type="text" v-model="nearChild[index].name1" placeholder="" />
                                    租金:<input class="myinput" style="width: 50px;" type="text" v-model="nearChild[index].rent1" placeholder="" />
                                    <span v-show="form.mallCondition.data == '1'">月均营业额:</span>
                                    <input v-show="form.mallCondition.data == '1'" class="myinput" style="width: 50px;" type="text" v-model="nearChild[index].money1" placeholder="" />
                                    <span v-show="form.mallCondition.data == '1'">万</span>
                                </div>
                                <div class="nearicon">
                                    <i class="el-icon-remove-outline myicon" \@click="delNear(index)" v-if="index > 0"></i>
                                    <i class="el-icon-circle-plus-outline myicon" v-if="index == 0" \@click="addNear"></i>
                                </div>
                            </div>
                            

                        </td>
                    </tr>



                    <tr height="45px">
                        <td class="labeltxt" width="100px" align="center" rowspan="4">POS机</td>
                        <td class="labeltxt" align="center" colspan="2">租赁POS一体机</td>
                        <td class="mytd" colspan="2" align="center">
                            <el-checkbox v-model="form.havePos.data" label="1">是</el-checkbox>
                        </td>
                        <td class="labeltxt" align="center" colspan="2">端口连接</td>
                        <td class="mytd" colspan="22" align="center">
                            <el-checkbox v-model="form.havePort.data" label="1">是</el-checkbox>
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center" colspan="2">提供报表</td>
                        <td class="mytd" colspan="22" align="center">
                            <div class="inline">
                                <el-checkbox v-model="form.offerStatement.data" label="1">是（</el-checkbox>
                                <el-radio-group v-model="form.offerStatementUnit.data">
                                    <el-radio label="1" class="myradio">每月</el-radio>
                                    <el-radio label="2" class="myradio">
                                        每年(次年
                                        <input class="myinput" style="width: 30px;" v-model="form.offerStatementRange.start" type="text" placeholder="" />月
                                        <input class="myinput" style="width: 30px;" v-model="form.offerStatementRange.end" type="text" placeholder="" />
                                        日前提供上一年审计报告)）</el-radio>
                                </el-radio-group>
                            </div>
                           
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>POS机租赁费</td>
                        <td class="mytd" colspan="2" >
                            <input class="myinput left-range" ref="posRentFee" v-model="form.posRentFee.data" type="text" placeholder="" />
                            元/月
                        </td>
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>POS机押金</td>
                        <td class="mytd" colspan="22" align="center">
                            <input class="myinput" type="text" ref="posPledge" v-model="form.posPledge.data" placeholder="" />
                            元
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>租赁POS机用途说明</td>
                        <td class="mytd" colspan="22" >
                            <input class="myinput long left-range" ref="posExplain" v-model="form.posExplain.data" type="text" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" width="100px" align="center" rowspan="2">能源费用</td>
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>电费单价</td>
                        <td class="mytd" colspan="2">
                            <input class="myinput left-range" ref="electricPrice" v-model="form.electricPrice.data" type="text" placeholder="" />
                            元/度
                        </td>
                        <td class="labeltxt" align="center">电损费</td>
                        <td class="mytd" align="center" colspan="2">
                            <input class="myinput" type="text" v-model="form.electricLoss.data" placeholder="" />
                        </td>
                        <td class="labeltxt" align="center">说明</td>
                        <td class="mytd" align="center" colspan="12">
                            <input class="myinput" type="text" v-model="form.electricExplain.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>水费单价</td>
                        <td class="mytd" colspan="2" >
                            <input class="myinput left-range" type="text" ref="waterPrice" v-model="form.waterPrice.data" placeholder="" />
                            元/度
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" width="100px" align="center" rowspan="4">营业额</td>
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>开发预估营业额</td>
                        <td class="mytd" colspan="2" >
                            <input class="myinput left-range" type="text" ref="exploitEstimateMoney" v-model="form.exploitEstimateMoney.data" placeholder="" />
                        </td>
                        <td class="labeltxt" align="center" rowspan="4"><span class="must">*</span>预估营业额依据说明</td>
                        <td class="mytd" align="center" colspan="16" rowspan="4">
                            <textarea class="mytextarea" ref="estimateMoneyExplain" v-model="form.estimateMoneyExplain.data"></textarea>
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>营运预估营业额</td>
                        <td class="mytd" colspan="2" >
                            <input class="myinput left-range" type="text" ref="serviceEstimateMoney" v-model="form.serviceEstimateMoney.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>回报率预估</td>
                        <td class="mytd" colspan="2" >
                            <input class="myinput left-range" type="text" ref="repayEstimateMoney" v-model="form.repayEstimateMoney.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center" colspan="2"><span class="must">*</span>首年租售占比</td>
                        <td class="mytd" colspan="2" >
                            <input class="myinput left-range" type="text" ref="firstYearRate" v-model="form.firstYearRate.data" placeholder="" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center"><span class="must">*</span>租赁条件特殊内容</td>
                        <td class="mytd" colspan="22" align="center">
                            <input class="myinput long" type="text" ref="rentContent" v-model="form.rentContent.data" placeholder="如：免费（或优惠）广告位、免费（或收费）仓库" />
                        </td>
                    </tr>



                    <tr height="45px">
                        <td class="labeltxt" align="center" :rowspan="advertRowspan"><span class="must">*</span>广告位</td>
                        <td class="labeltxt" align="center" colspan="2">位置</td> 
                        <td class="labeltxt" align="center" colspan="3">租金</td> 
                        <td class="labeltxt" align="center" colspan="22">广告位</td> 
                    </tr>
                    <tr height="45px" v-for="(item,index) in advertChild" :key="item.key">
                        <td class="mytd" colspan="2" align="center">
                            <input class="myinput long" type="text" :ref="'advertChild'+index" v-model="advertChild[index].address" />
                        </td>
                        <td class="mytd" colspan="3" align="center">
                            <input class="myinput long" type="text"v-model="advertChild[index].rentMoney" />
                        </td>
                        <td class="mytd" colspan="22" align="center">
                            <div class="nearbox">
                                <div></div>
                                <div>
                                    <el-upload
                                        accept="image/jpeg,image/png"
                                        :limit="1"
                                        :action="uploadAction"
                                        class="avatar-uploader"
                                        :show-file-list="false"
                                        :on-success="(res, file)=>uploadSuccess(res, file,2,index)">
                                        <img v-if="advertChild[index].picture" :src="advertChild[index].picture" class="avatar">
                                        <div v-else class="emptybox">
                                            <i class="el-icon-plus avatar-uploader-icon"></i>
                                        </div>
                                    </el-upload>
                                </div>
                                <div class="nearicon">
                                    <i class="el-icon-remove-outline myicon" \@click="delAdvert(index)" v-if="index > 0"></i>
                                    <i class="el-icon-circle-plus-outline myicon" v-if="index == 0" \@click="addAdvert"></i>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center"><span class="must">*</span>工程条件特殊内容</td>
                        <td class="mytd" colspan="22" align="center">
                            <input class="myinput long" type="text" ref="projectContent" v-model="form.projectContent.data" placeholder="涉及工程改造我们承担的改造费用，或者我们改造业主以其他方式置换" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center" rowspan="5">法务条件特殊内容</td>
                        <td class="labeltxt" align="center"><span class="must">*</span>甲方有无排他条款</td>
                        <td class="mytd" align="center">
                            <el-radio-group v-model="form.firstPartyPass.data">
                                <el-radio v-for="item in agencyType" :key="item.value" :label="item.value">{{item.name}}</el-radio>
                            </el-radio-group>
                        </td>
                        <td class="labeltxt" align="center">条款说明</td>
                        <td class="mytd" colspan="22" align="center">
                            <input class="myinput long" type="text" v-model="form.firstPartyPassExplain.data" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center"><span class="must">*</span>乙方有无排他条款</td>
                        <td class="mytd" align="center">
                            <el-radio-group v-model="form.secondPartyPass.data">
                                <el-radio v-for="item in agencyType" :key="item.value" :label="item.value">{{item.name}}</el-radio>
                            </el-radio-group>
                        </td>
                        <td class="labeltxt" align="center">条款说明</td>
                        <td class="mytd" colspan="22" align="center">
                            <input class="myinput long" type="text" v-model="form.secondPartyPassExplain.data" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center"><span class="must">*</span>乙方逃生条款</td>
                        <td class="mytd" align="center">
                            <el-radio-group v-model="form.secondPartyEscape.data">
                                <el-radio v-for="item in agencyType" :key="item.value" :label="item.value">{{item.name}}</el-radio>
                            </el-radio-group>
                        </td>
                        <td class="labeltxt" align="center">条款说明</td>
                        <td class="mytd" colspan="22" align="center">
                            <input class="myinput long" type="text" v-model="form.secondPartyEscapeExplain.data" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center" colspan="3">
                            <span class="must">*</span>疫情原因导致政府要求关闭堂食，这段期间免除乙方的租金和物业管理费</td>
                        <td class="mytd" align="center" colspan="22">
                            <el-radio-group v-model="form.haveEpidemicClose.data">
                                <el-radio label="1">是</el-radio>
                                <el-radio label="2">否</el-radio>
                            </el-radio-group>
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center">
                            <span class="must">*</span>其他</td>
                        <td class="mytd" colspan="22" align="center">
                            <input class="myinput long" type="text" ref="lawContent" v-model="form.lawContent.data" />
                        </td>
                    </tr>
                    <tr height="45px">
                        <td class="labeltxt" align="center">
                            <span class="must">*</span>备注</td>
                        <td class="mytd" colspan="22" align="center">
                            <div class="inhline">
                                <input class="myinput long" type="text" ref="allRemark" v-model="form.allRemark.data" />
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
                <div :class="device=='pc'?'buttons':'buttons-mob'">
                    <el-button type="primary" class="btybtn" v-if="!readOnly" \@click="saveDo" size="small">保存</el-button>
                    <el-button type="primary" class="btybtn" v-if="!readOnly" \@click="saveMomentDo" size="small">暂存</el-button>
                    <el-button type="primary" class="btybtn" size="small" \@click="pass" v-if="auditbtn == 1">通过</el-button>
                    <el-button type="danger" size="small" \@click="reject" v-if="auditbtn == 1">驳回</el-button>
                    <el-button size="small" \@click="backDo">返回</el-button>
                </div>
            </div>
        </div>
        <script>
            const kfqyjl = '${kfqyjl}';
            const kfry = '${kfry}';
            const flag = '${flag}';//是否是指定的两个人 这两个人保存时不选择开发经理
            const labels = [
                '甲方签约公司名称',
                '乙方签约公司名称',
                '项目名称',
                '基本信息',
                '租赁期限'
            ]
            var app = new Vue({
                el: '#app',
                data: {
                    device:'pc',//设备类型
                    labels,
                    kfry,
                    flag,
                    id:'',
                    auditbtn:'',
                    swedit:'',
                    projectName:'',//工程名称
                    dateOption:[],//日期选项
                    loading:false,
                    readOnly:false,//是否只读
                    uploadAction: '/task/uploads',
                    form: {
                        firstParty:{
                            pinCode:'firstParty',
                            data:''
                        },//甲方签约公司名称
                        logoUrl:{
                            pinCode:'logoUrl',
                            data:''
                        },//落位图
                        secondParty:{
                            pinCode:'secondParty',
                            data:''
                        },//乙方签约公司名称
                        projectName:{
                            pinCode:'projectName',
                            data:'' 
                        },//项目名称
                        developmentName:{
                            pinCode:'developmentName',
                            data:'' 
                        },//开发人员姓名
                        developmentPhone:{
                            pinCode:'developmentPhone',
                            data:'' 
                        },//开发人员手机号
                        attractName:{
                            pinCode:'attractName',
                            data:'' 
                        },//招商负责人姓名
                        attractPhone:{
                            pinCode:'attractPhone',
                            data:'' 
                        },//招商负责人手机号
                        businessType:{
                            pinCode:'businessType',
                            data:''
                        },//商圈类型
                        shopType:{
                            pinCode:'shopType',
                            data:''
                        },//门店类型
                        shopFloor:{
                            pinCode:'shopFloor',
                            data:''
                        },//店铺楼层
                        shopNumber:{
                            pinCode:'shopNumber',
                            data:''
                        },//铺位编号
                        rentArea:{
                            pinCode:'rentArea',
                            data:''
                        },//计租面积
                        useArea:{
                            pinCode:'useArea',
                            data:''
                        },//使用面积
                        buildArea:{
                            pinCode:'buildArea',
                            data:''
                        },//建筑面积
                        projectAddress:{
                            pinCode:'projectAddress',
                            data:''
                        },//项目地址
                        outShowArea:{
                            pinCode:'outShowArea',
                            data:'0'
                        },//外摆区面积
                        ownerType:{
                            pinCode:'ownerType',
                            data:''
                        },//业主类型
                        mallCondition:{
                            pinCode:'mallCondition',
                            data:''
                        },//商场情况
                        pledgeCondition:{
                            pinCode:'pledgeCondition',
                            data:''
                        },//抵押情况
                        rentTotalMonth:{
                            pinCode:'rentTotalMonth',
                            data:''
                        },//租赁期限总月数
                        rentTotalYear:{
                            pinCode:'rentTotalYear',
                            data:''
                        },//租赁期限总年数
                        rentRange:{
                            pinCode:'rentRange',
                            data:'',
                            start:[],
                            end:[]
                        },//租赁起止年月日
                        jingyingMonth:{
                            pinCode:'jingyingMonth',
                            data:''
                        },//经营月数
                        isFreeRent:{
                            pinCode:'isFreeRent',
                            data:''
                        },//装修期是否免租金/物管费
                        fitmentFreeDays:{
                            pinCode:'fitmentFreeDays',
                            data:''
                        },//装修免租期
                        fitmentFreeFee:{
                            pinCode:'fitmentFreeFee',
                            data:'0'
                        },//装修免租期内管理费
                        fitmentFreeRange:{
                            pinCode:'fitmentFreeRange',
                            data:'',
                            start:[],
                            end:[]
                        },//装修免租期（或装修期）起止年月日
                        fitmentPledge:{
                            pinCode:'fitmentPledge',
                            data:'0'
                        },//装修押金
                        deliveryTime:{
                            pinCode:'deliveryTime',
                            data:'',
                            start:[]
                        },//交付时间
                        openTime:{
                            pinCode:'openTime',
                            data:'',
                            start:[]
                        },//开业时间
                        rentalTime:{
                            pinCode:'rentalTime',
                            data:'',
                            start:[]
                        },//计租时间
                        rentType:{
                            pinCode:'rentType',
                            data:''
                        },//租金类型
                        vacuateShape:{
                            pinCode:'vacuateShape',
                            data:'0'
                        },//抽成形式
                        otherShape:{
                            pinCode:'otherShape',
                            data:'0'
                        },//其他形式
                        propertyPrice:{
                            pinCode:'propertyPrice',
                            data:''
                        },//物业管理费单价
                        propertyTotal:{
                            pinCode:'propertyTotal',
                            data:''
                        },//物业管理费合计
                        propertyRemark:{
                            pinCode:'propertyRemark',
                            data:''
                        },//物业管理费备注
                        extendPrice:{
                            pinCode:'extendPrice',
                            data:'0'
                        },//推广费单价
                        extendTotal:{
                            pinCode:'extendTotal',
                            data:'0'
                        },//推广费合计
                        anniversaryFee:{
                            pinCode:'anniversaryFee',
                            data:'0'
                        },//店庆费用
                        anniversaryPayType:{
                            pinCode:'anniversaryPayType',
                            data:'0'
                        },//店庆费支付方式
                        haveIntermediary:{
                            pinCode:'haveIntermediary',
                            data:''
                        },//有无中介费
                        intermediaryExplain:{
                            pinCode:'intermediaryExplain',
                            data:''
                        },//中介费说明
                        intermediaryFee:{
                            pinCode:'intermediaryFee',
                            data:''
                        },//中介费用金额
                        haveSurvey:{
                            pinCode:'haveSurvey',
                            data:''
                        },//市场调研费
                        surveyExplain:{
                            pinCode:'surveyExplain',
                            data:''
                        },//调研费说明
                        surveyFee:{
                            pinCode:'surveyFee',
                            data:''
                        },//调研费金额
                        otherFee:{
                            pinCode:'otherFee',
                            data:''
                        },//其他费用
                        boundRent:{
                            pinCode:'boundRent',
                            data:''
                        },//租赁保证金
                        boundProperty:{
                            pinCode:'boundProperty',
                            data:'0'
                        },//物管费保证金
                        boundExtend:{
                            pinCode:'boundExtend',
                            data:'0'
                        },//推广费保证金
                        boundAppoint:{
                            pinCode:'boundAppoint',
                            data:'0'
                        },//履约保证金
                        boundPublic:{
                            pinCode:'boundPublic',
                            data:'0'
                        },//公共事业费保证金
                        boundQuality:{
                            pinCode:'boundQuality',
                            data:''
                        },//质量保证金	
                        boundOther:{
                            pinCode:'boundOther',
                            data:'0'
                        },//保证金 其他
                        rentIsTax:{
                            pinCode:'rentIsTax',
                            data:''
                        },//租金和物业费是否含税
                        rentPayType:{
                            pinCode:'rentPayType',
                            data:''
                        },//租金支付方式
                        rentPayTypeRemark:{
                            pinCode:'rentPayTypeRemark',
                            data:''
                        },//租金支付方式 其他项备注
                        havePos:{
                            pinCode:'havePos',
                            data:''
                        },//租赁POS一体机
                        havePort:{
                            pinCode:'havePort',
                            data:''
                        },//端口连接
                        offerStatement:{
                            pinCode:'offerStatement',
                            data:''
                        },//提供报表
                        offerStatementUnit:{
                            pinCode:'offerStatementUnit',
                            data:''
                        },//提供报表单位 每月 每年
                        offerStatementRange:{
                            pinCode:'offerStatementRange',
                            data:'',
                            start:'',
                            end:''
                        },//提供报表每年日期范围
                        posRentFee:{
                            pinCode:'posRentFee',
                            data:'0'
                        },//POS机租赁费	
                        posPledge:{
                            pinCode:'posPledge',
                            data:'0'
                        },//POS机押金	
                        posExplain:{
                            pinCode:'posExplain',
                            data:'0'
                        },//租赁POS机用途说明	
                        electricPrice:{
                            pinCode:'electricPrice',
                            data:''
                        },//电费单价
                        electricLoss:{
                            pinCode:'electricLoss',
                            data:''
                        },//电损费		
                        electricExplain:{
                            pinCode:'electricExplain',
                            data:''
                        },//能源费用说明
                        waterPrice:{
                            pinCode:'waterPrice',
                            data:''
                        },//水费单价
                        exploitEstimateMoney:{
                            pinCode:'exploitEstimateMoney',
                            data:''
                        },//开发预估营业额
                        estimateMoneyExplain:{
                            pinCode:'estimateMoneyExplain',
                            data:''
                        },//预估营业额依据说明
                        serviceEstimateMoney:{
                            pinCode:'serviceEstimateMoney',
                            data:''
                        },//营运预估营业额
                        repayEstimateMoney:{
                            pinCode:'repayEstimateMoney',
                            data:''
                        },//回报率预估
                        firstYearRate:{
                            pinCode:'firstYearRate',
                            data:''
                        },//首年租售占比
                        rentContent:{
                            pinCode:'rentContent',
                            data:''
                        },//租赁条件特殊内容
                        projectContent:{
                            pinCode:'projectContent',
                            data:''
                        },//工程条件特殊内容
                        firstPartyPass:{
                            pinCode:'firstPartyPass',
                            data:''
                        },//甲方有无排他条款
                        firstPartyPassExplain:{
                            pinCode:'firstPartyPassExplain',
                            data:''
                        },//甲方有无排他条款说明
                        secondPartyPass:{
                            pinCode:'secondPartyPass',
                            data:''
                        },//乙方有无排他条款
                        secondPartyPassExplain:{
                            pinCode:'secondPartyPassExplain',
                            data:''
                        },//乙方有无排他条款说明
                        secondPartyEscape:{
                            pinCode:'secondPartyEscape',
                            data:''
                        },//乙方逃生条款
                        secondPartyEscapeExplain:{
                            pinCode:'secondPartyEscapeExplain',
                            data:''
                        },//乙方逃生条款说明
                        haveEpidemicClose:{
                            pinCode:'haveEpidemicClose',
                            data:''
                        },//疫情原因导致政府要求关闭堂食，这段期间免除乙方的租金和物业管理费
                        lawContent:{
                            pinCode:'lawContent',
                            data:''
                        },//法务条件特殊内容 其他
                        allRemark:{
                            pinCode:'allRemark',
                            data:''
                        },//备注	

                    },
                    initialBusinessRowspan:15,//初始商务条件跨行数
                    businessRowspan:17,
                    rentRowspan:3,
                    rentChild:[
                        {
                            key:random(1,10000),
                            year:'',
                            day:'',
                            month:'',
                            add:'',
                            total:'',
                            deduct:'',
                            operatorFree:'',
                            remark:'',
                        }
                    ],
                    nearRowspan:1,//相邻品牌商务条件跨行数量
                    nearChild:[
                        {
                            key:random(1,10000),
                            label:'品牌1',
                            name:'',
                            rent:'',
                            money:'',
                            label1:'品牌2',
                            name1:'',
                            rent1:'',
                            money1:''
                        }
                    ],//相邻品牌商务条件
                    advertChild:[
                        {
                            key:random(1,10000),
                            address:'',//位置
                            rentMoney:'',//租金
                            picture:'',//图片
                        }
                    ],//广告位列表
                    advertRowspan:2,//广告位列跨行数
                    mallCircleType:[
                        {
                            name:'市级商圈',
                            value:'1',
                        },
                        {
                            name:'区域型商圈',
                            value:'2',
                        },
                        {
                            name:'社区型商圈',
                            value:'3',
                        },
                        {
                            name:'大学商圈',
                            value:'4',
                        },
                        {
                            name:'奥莱商圈',
                            value:'5',
                        },
                        {
                            name:'其他',
                            value:'6',
                        },
                    ],//商圈类型选项
                    shopOption:[
                        {
                            name:'商场店',
                            value:'1',
                        },
                        {
                            name:'社区店',
                            value:'2',
                        },
                        {
                            name:'街边店',
                            value:'3',
                        },
                        {
                            name:'交通枢纽店',
                            value:'4',
                        },
                        {
                            name:'办公写字楼店',
                            value:'5',
                        },
                        {
                            name:'其他',
                            value:'6',
                        },
                    ],//门店类型选项
                    proprietorType:[
                        {
                            name:'产权人',
                            value:'1',
                        },
                        {
                            name:'授权人',
                            value:'2',
                        },
                        {
                            name:'二房东',
                            value:'3',
                        },
                    ],//业主类型选项
                    mallConditionType:[
                        {
                            name:'在营',
                            value:'1',
                        },
                        {
                            name:'在建',
                            value:'2',
                        },
                    ],//商场情况选项
                    guarantyConditionType:[
                        {
                            name:'无',
                            value:'1',
                        },
                        {
                            name:'有',
                            value:'2',
                        },
                    ],//抵押情况选项
                    rentType:[
                        {
                            name:'纯固定租金租赁',
                            value:'1',
                        },
                        {
                            name:'纯提成租赁',
                            value:'2',
                        },
                        {
                            name:'保底租金和营业额提成两者取高',
                            value:'3',
                        },
                        {
                            name:'其它',
                            value:'4',
                        },
                    ],//租金类型
                    agencyType:[
                        {
                            name:'无',
                            value:'1',
                        },
                        {
                            name:'有',
                            value:'2',
                        },
                    ],//中介费/顶手费类型
                    taxType:[
                        {
                            name:'无',
                            value:'1',
                        },
                        {
                            name:'有',
                            value:'2',
                        },
                    ],//租金物业费是否含税类型
                    rentPayType:[
                        {
                            name:'押三付一',
                            value:'1',
                        },
                        {
                            name:'押二付一',
                            value:'2',
                        },
                        {
                            name:'押三付三',
                            value:'3',
                        },
                        {
                            name:'其它',
                            value:'4',
                        },
                    ],//租金物业费是否含税类型
                    imageUrl:'',
                    tableHeight:0,//表格高度
                    developmentId:'',//选择的开发经理id
                    peopleOptions:[],//开发经理选项数据
                },
                created() {
                    let dev = window.screen
                    if(dev.availWidth > 500){
                        this.device = 'pc'
                        this.tableHeight = dev.availHeight - 150
                    }else{
                        this.device = 'phone'
                        this.tableHeight = dev.availHeight - 230
                    }
                    this.getYears()
                    this.getDevelopList()
                    let obj = this.getParams()
                    this.id = obj.id
                    this.auditbtn = obj.auditbtn;//0不显示通过驳回按钮 1显示通过驳回按钮
                    this.swedit = obj.swedit;//是否可以编辑 1可以编辑 0不可以编辑
                    this.projectName = decodeURI(obj.name)
                    if(obj.swedit != "1"){
                        this.readOnly = true
                    }
                    this.getInfo()
                    // else{
                    //     this.getMomentData()
                    // }
                },
                methods: {
                    getParams(){
                        let url = window.location.href;
                        let obj = {};
                        let arr = url.slice(url.indexOf('?')+1).split('&');
                        arr.forEach(item => {
                            let param = item.split('=');
                            obj[param[0]] = param[1];
                        })
                        return obj;
                    },
                    // 获取开发经理选项数据
                    getDevelopList(){
                        let formData = new FormData()
                        const requestOptions = {
                            method: "POST",
                            body: formData
                        };
                        fetch("/project/qyjlList", requestOptions)
                            .then(response => response.json())
                            .then(res => {
                                this.peopleOptions = res
                            })
                    },
                    // 获取暂存区的内容展示出来
                    getMomentData(){
                        const {id} = this
                        let datas = localStorage.getItem('tableData_'+id)
                        if(datas){
                            let jsons = JSON.parse(datas)
                            this.form = jsons.form
                            this.rentChild = jsons.rentChild
                            this.nearChild = jsons.nearChild
                            this.advertChild = jsons.advertChild
                            this.businessRowspan = jsons.businessRowspan
                            this.rentRowspan = jsons.rentRowspan
                            this.nearRowspan = jsons.nearRowspan
                            this.advertRowspan = jsons.advertRowspan
                            this.developmentId = jsons.developmentId
                        }
                    },
                    // 获取信息数据
                    getInfo(){
                        const {id,auditbtn,swedit} = this
                        let formData = new FormData()
                        formData.append("id",id)
                        formData.append("swedit",swedit)
                        formData.append("auditbtn",auditbtn)
                        const requestOptions = {
                            method: "POST",
                            body: formData
                        };
                        fetch("/project/detailList", requestOptions)
                            .then(response => response.json())
                            .then(res => {
                                if(res.success && res.data.list && res.data.list.length){
                                    this.transportData(res.data.list)
                                }else if(res.data.list.length == 0){
                                    this.getMomentData()
                                }
                            })
                    },
                    // 编辑时转化数据
                    transportData(data){
                        const {form,initialBusinessRowspan} = this
                        let myForm = JSON.parse(JSON.stringify(form))
                        let rentRowspan = 2
                        let businessRowspan = initialBusinessRowspan
                        let nearRowspan = 0
                        let advertRowspan = 1

                        data.map(item=>{
                            if(item.pinCode === "rents" && item.data){
                                //组合租金列表
                                let rents = JSON.parse(item.data)
                                this.rentChild = rents
                                rentRowspan = rentRowspan + rents.length
                                businessRowspan = businessRowspan + rents.length
                            }else if(item.pinCode === "adverts" && item.data){
                                //组合广告位列表
                                let adverts = JSON.parse(item.data)
                                this.advertChild = adverts
                                advertRowspan = advertRowspan + adverts.length
                            }else if(item.pinCode === "rentRange" && item.data){
                                let rentRange = item.data.split('~')
                                myForm[item.pinCode] = {
                                    pinCode:item.pinCode,
                                    data:item.data,
                                    sort:item.sort,
                                    start:rentRange[0].split('-'),
                                    end:rentRange[1].split('-'),
                                }
                            }else if(item.pinCode === "fitmentFreeRange" && item.data){
                                let fitmentFreeRange = item.data.split('~')
                                myForm[item.pinCode] = {
                                    pinCode:item.pinCode,
                                    data:item.data,
                                    sort:item.sort,
                                    start:fitmentFreeRange[0].split('-'),
                                    end:fitmentFreeRange[1].split('-'),
                                }
                            }else if(item.pinCode === "offerStatementRange" && item.data){
                                let offerStatementRange = item.data.split('-')
                                myForm[item.pinCode] = {
                                    pinCode:item.pinCode,
                                    data:item.data,
                                    sort:item.sort,
                                    start:offerStatementRange[0],
                                    end:offerStatementRange[1],
                                }
                            }else if(item.pinCode === "offerStatement" || item.pinCode === "havePos" || item.pinCode === "havePort"){
                                myForm[item.pinCode] = {
                                    pinCode:item.pinCode,
                                    data:item.data=="true"?true:false,
                                    sort:item.sort,
                                }
                            }else if(item.pinCode === "deliveryTime" || item.pinCode === "openTime" || item.pinCode === "rentalTime"){
                                // 是交付时间|开业时间|计租时间时 字符串数据转为数组
                                myForm[item.pinCode] = {
                                    pinCode:item.pinCode,
                                    data:'',
                                    start:item.data?item.data.split('-'):[],
                                    sort:item.sort,
                                }
                            }else if(item.pinCode === "nears"){
                                let nears = JSON.parse(item.data)
                                if(nears.length){
                                    let childs = []
                                    nears.map((child,idx)=>{
                                        let pos = (idx + 1)/2
                                        //是整数
                                        if(Number.isInteger(pos)){
                                            let itemkey = pos - 1

                                            childs[itemkey] = {
                                                ...childs[itemkey],
                                                label1:child.label,
                                                name1:child.name,
                                                rent1:child.rent,
                                                money1:child.money,
                                            }
                                        }else{
                                            childs.push({
                                                key:child.key,
                                                label:child.label,
                                                name:child.name,
                                                rent:child.rent,
                                                money:child.money,
                                                label1:'',
                                                name1:'',
                                                rent1:'',
                                                money1:''
                                            })
                                        }
                                        
                                    })
                                    let clen = childs.length - 1
                                    childs[clen].label1 = '品牌'+(childs.length*2)
                                    this.nearChild = childs
                                    businessRowspan = businessRowspan + childs.length
                                    nearRowspan = childs.length
                                }else{
                                    businessRowspan = businessRowspan + 1
                                    nearRowspan = 1
                                }
                            }else{
                                myForm[item.pinCode] = {
                                    pinCode:item.pinCode,
                                    data:item.data,
                                    sort:item.sort
                                }
                            }
                            
                        })
                        this.form = myForm
                        this.rentRowspan = rentRowspan
                        this.nearRowspan = nearRowspan
                        this.businessRowspan = businessRowspan
                        this.advertRowspan = advertRowspan
                    },
                    // 添加租金
                    addRent(){
                        const {initialBusinessRowspan,rentRowspan,rentChild,nearChild} = this
                        this.rentChild.push({
                            key:random(1,10000),
                            year:'',
                            day:'',
                            month:'',
                            add:'',
                            total:'',
                            deduct:'',
                            operatorFree:'',
                            remark:'',
                        })
                        this.rentRowspan = rentChild.length +2
                        this.businessRowspan = initialBusinessRowspan + rentChild.length + nearChild.length
                    },
                    delRent(index){
                        const {initialBusinessRowspan,rentRowspan,rentChild,nearChild} = this
                        rentChild.splice(index,1)
                        this.rentRowspan = rentChild.length + 2
                        this.businessRowspan = initialBusinessRowspan + rentChild.length + nearChild.length
                    },
                    // 添加相邻
                    addNear(){
                        let already = this.nearChild.length 
                        let sum = already * 2
                        const {nearChild,nearRowspan,rentChild,initialBusinessRowspan} = this
                        this.nearChild.push({
                            key:random(1,10000),
                            label:'品牌'+(sum+1),
                            name:'',
                            rent:'',
                            money:'',
                            label1:'品牌'+(sum+2),
                            name1:'',
                            rent1:'',
                            money1:''
                        })
                        this.nearRowspan = nearChild.length
                        this.businessRowspan = initialBusinessRowspan + rentChild.length + nearChild.length
                    },
                    delNear(index){
                        const {initialBusinessRowspan,nearRowspan,nearChild,rentChild} = this
                        nearChild.splice(index,1)
                        this.nearRowspan = nearChild.length
                        this.businessRowspan = initialBusinessRowspan + rentChild.length + nearChild.length
                    },
                    // 添加广告位
                    addAdvert(){
                        const {advertChild,advertRowspan} = this
                        this.advertChild.push({
                            key:random(1,10000),
                            address:'',//位置
                            rentMoney:'',//租金
                            picture:'',//图片
                        })
                        this.advertRowspan = advertChild.length + 1
                    },
                    delAdvert(index){
                        const {advertChild} = this
                        advertChild.splice(index,1)
                        this.businessRowspan = businessRowspan.length +1
                    },
                    // 保存表格信息
                    saveDo(){
                        let {form,rentChild,nearChild,id,advertChild,developmentId,flag} = this
                        if(!developmentId && flag != 2 && flag != 3){
                            this.$message({
                                message: '请选择开发经理',
                                type: 'info',
                            });
                            return false
                        }
                        let canContinue = true;//是否已经全部填完信息
                        let nears = []
                        form.rents = { 
                            pinCode:'rents',
                            data:JSON.stringify(rentChild)
                        }//组合租金json
                        form.adverts = {
                            pinCode:'adverts',
                            data:JSON.stringify(advertChild)
                        }//组合广告位json
                        nearChild.map(item=>{
                            if(item.name){
                                nears.push({
                                    key:item.key,
                                    label:item.label,
                                    name:item.name,
                                    rent:item.rent,
                                    money:item.money,
                                })
                            }
                            if(item.name1){
                                nears.push({
                                    key:item.key,
                                    label:item.label1,
                                    name:item.name1,
                                    rent:item.rent1,
                                    money:item.money1,
                                })
                            }
                        })
                        form.nears = {
                            pinCode:'nears',
                            data:JSON.stringify(nears)
                        }
                        // 组合租赁起止年月日
                        if(form.rentRange && form.rentRange.start && form.rentRange.end
                         && form.rentRange.start.length && form.rentRange.end.length){
                            form.rentRange.data = form.rentRange.start.join('-')+'~'+ form.rentRange.end.join('-')
                        }
                        // 组合装修免租期（或装修期）起止年月日
                        if(form.fitmentFreeRange && form.fitmentFreeRange.start
                         && form.fitmentFreeRange.end && form.fitmentFreeRange.start.length 
                         && form.fitmentFreeRange.end.length){
                            form.fitmentFreeRange.data = form.fitmentFreeRange.start.join('-')+'~'+ form.fitmentFreeRange.end.join('-')
                        }
                        // 组合提供报表次年几月几日
                        if(form.offerStatementRange && form.offerStatementRange.start
                         && form.offerStatementRange.end && form.offerStatementRange.start.length 
                         && form.offerStatementRange.end.length){
                            form.offerStatementRange.data = form.offerStatementRange.start+'-'+ form.offerStatementRange.end
                        }
                        // 交付时间存在
                        if(form.deliveryTime && form.deliveryTime.start && form.deliveryTime.start.length){
                            form.deliveryTime.data = form.deliveryTime.start.join('-')
                        }
                        // 开业时间存在
                        if(form.openTime && form.openTime.start && form.openTime.start.length){
                            form.openTime.data = form.openTime.start.join('-')
                        }
                        // 计租时间存在
                        if(form.rentalTime && form.rentalTime.start && form.rentalTime.start.length){
                            form.rentalTime.data = form.rentalTime.start.join('-')
                        }

                        let keys = Object.keys(form)
                        let mustKey = '';//必填的key值
                        let datas = []
                        let ignores = [
                            'rentPayTypeRemark',
                            'electricLoss',
                            'electricExplain',
                            'offerStatement',
                            'offerStatementUnit',
                            'offerStatementRange',
                            'havePos',
                            'havePort',
                            'firstPartyPassExplain',
                            'secondPartyPassExplain',
                            'secondPartyEscapeExplain',
                            'intermediaryExplain',
                            'intermediaryFee',
                            'surveyExplain',
                            'surveyFee',
                        ]
                        let ignoresKeys = [
                            ...ignores,
                            'logoUrl',
                            'businessType',
                            'shopType',
                            'ownerType',
                            'mallCondition',
                            'pledgeCondition',
                            'rentRange',
                            'fitmentFreeRange',
                            'deliveryTime',
                            'openTime',
                            'rentalTime',
                            'rentType',
                            'haveIntermediary',
                            'haveSurvey',
                            'rentIsTax',
                            'rentPayType',
                            'firstPartyPass',
                            'secondPartyPass',
                            'secondPartyEscape',
                            'haveEpidemicClose',
                        ]
                        keys.map((item,index)=>{
                            if(!form[item].data && !ignores.includes(item)){
                                canContinue = false
                            }
                            if(!form[item].data && !ignoresKeys.includes(item)){
                                mustKey = mustKey?mustKey:item
                            }
                            datas.push({
                                ...form[item],
                                sort:index,
                                proId:id,
                                mouldId:"36"
                            })
                        })
                        if(!canContinue){
                            this.$message({
                                message: '请填写完善基本信息表',
                                type: 'info',
                            });
                            if(mustKey){
                                this.$refs[mustKey].focus()
                            }
                            return false
                        }
                        datas.push({
                            pinCode:'developmentManagerPhone',
                            data:developmentId,
                            sort:0,
                            proId:id,
                            mouldId:"36"
                        })
                        this.loading = true
                        const requestOptions = {
                            method: "POST",
                            body: JSON.stringify(datas)
                        };
                        fetch("/mouldBoardMsg/add", requestOptions)
                            .then(response => response.json())
                            .then(res => {
                                this.loading = false
                                if(res.success){
                                    this.$message({
                                        message: '保存成功',
                                        type: 'success',
                                    });
                                    this.readOnly = true
                                }else{
                                    this.$message({
                                        message: '保存失败请重试',
                                        type: 'error',
                                    }); 
                                }
                            })
                            .catch(err=>{
                                this.loading = false
                            })
                    },

                    // 暂存表格信息
                    saveMomentDo(){
                        const {form,rentChild,nearChild,advertChild,businessRowspan,nearRowspan,advertRowspan,rentRowspan,developmentId,id} = this
                        const datas = {
                            form,rentChild,nearChild,advertChild,businessRowspan,nearRowspan,advertRowspan,rentRowspan,developmentId
                        }
                        localStorage.setItem("tableData_"+id,JSON.stringify(datas))
                        this.$message({
                            message: '暂存成功！数据已存到本地，建议不要清空浏览器缓存，否则数据会丢失！',
                            type: 'success',
                        });
                    },
                    // 通过
                    pass() {
                        const {id} = this
                        this.$confirm('确认通过该商务条件？', '提示', {
                            confirmButtonText: '确定',
                            cancelButtonText: '取消',
                            type: 'warning'
                        }).then(() => {
                            this.shenHe(1, id)
                        }).catch(() => {});
                    },
                    reject() {
                        const {id} = this
                        this.$prompt('请输入驳回理由', '驳回', {
                            confirmButtonText: '确定',
                            cancelButtonText: '取消',
                            inputValidator: (value) => {
                                if(!value) {//对输入内容校验
                                    return '驳回原因不能为空！';
                                }
                            }
                        }).then(({ value }) => {
                            this.shenHe(0, id, value)
                        }).catch(() => {

                        })
                    },
                    shenHe(data, id, reason) {
                        let obj = {};
                        obj.proId = Number(id);
                        obj.status = data;
                        obj.taskId = kfqyjl==2?62:6;
                        obj.content = reason;
                        let formData = new FormData();

                        let _url = '/taskStatus/audit?proId=' + Number(id) + '&status=' + data + '&taskId='+obj.taskId

                        if(reason) {
                            _url = _url + '&content=' + reason
                        }
                        const requestOptions = {
                            method: "POST",
                            headers: { "Content-Type": "application/x-www-form-urlencoded" }
                        };
                        fetch(_url, requestOptions)
                            .then(response => response.json())
                            .then(data => {
                                    if(data.success) {
                                        let msg = obj.status == 1 ? '已确认！' : '已驳回'
                                        this.auditbtn = 0
                                        this.$message({
                                            type: 'success',
                                            message: msg
                                        })
                                    } else {
                                        this.$message({
                                            type: 'error',
                                            message: data.message
                                        })
                                    }
                                }

                            )
                    },
                    getYears(){
                        let start = 2013
                        let years = []
                        let months = this.getMonth(1)
                        
                        for (let index = 0; index < 50; index++) {
                            years[index] = {
                                label:(start+index)+'',
                                value:(start+index)+'',
                                children:months
                            }
                        }
                        setTimeout(() => {
                            this.dateOption = years
                        }, 0);
                    },
                    // type =1包括日期 =2不包括日期
                    getMonth(type){
                        let month = []
                        let days = []
                        for (let index = 0; index < 31; index++) {
                            let label = (index+1)+''
                            days[index] = {
                                label:label.length==1?('0'+label):(label+''),
                                value:label.length==1?('0'+label):(label+''),
                            }
                        }
                        for (let index = 0; index < 12; index++) {
                            let label = (index+1)+''
                            if(type == 1){
                                month[index] = {
                                    label:label.length==1?('0'+label):(label+''),
                                    value:label.length==1?('0'+label):(label+''),
                                    children:days
                                }
                            }else{
                                month[index] = {
                                    label:label.length==1?('0'+label):(label+''),
                                    value:label.length==1?('0'+label):(label+''),
                                }
                            }
                        }
                        return month
                    },
                    // 返回上一页
                    backDo(){
                        window.location.href = Feng.ctxPath + '/project#!fenye=1'
                    },
                    uploadSuccess(res, file,type,idx) {
                        if(res.code === 0){
                            this.$message({
                                message: '上传成功',
                                type: 'success',
                            });
                            let {advertChild,form} = this
                            switch (type) {
                                case 1:
                                    this.$set(this.form,'logoUrl',{...form.logoUrl,data:res.data.src})
                                    break;
                                case 2:
                                    this.$set(this.advertChild,idx,{...advertChild[idx],picture:res.data.src})
                                    break;
                            }
                        }else{
                            this.$message({
                                message: '上传失败',
                                type: 'error',
                            });
                        }
                    },
                    beforeAvatarUpload(file) {
                        const isJPG = file.type === 'image/jpeg';
                        const isLt2M = file.size / 1024 / 1024 < 2;

                        if (!isJPG) {
                        this.$message.error('上传头像图片只能是 JPG 格式!');
                        }
                        if (!isLt2M) {
                        this.$message.error('上传头像图片大小不能超过 2MB!');
                        }
                        return isJPG && isLt2M;
                    }


                }
            })

            // 生成随机数
            function random(lower, upper) {
                return Math.floor(Math.random() * (upper - lower)) + lower;
            }
        </script>
    </body>
    @}